<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
				content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
	<title>用户详情</title>
	<style>
		#dimples-user-detail #user-img, #dimples-user-detail .user-info {
			display: inline-block;
			float: left;
			margin-left: 15px;
		}

		#dimples-user-detail #user-img img {
			width: 7rem;
			margin: 10px 10px 0 20px;
			border-radius: 50%;
			cursor: pointer;
		}

		#dimples-user-detail #user-info-wrapper {
			margin: 0 0 1rem 0;
			display: inline-block;
		}

		#dimples-user-detail .user-info div {
			margin: 10px 15px;
			max-width: 19rem;
		}

		#dimples-user-detail #options-wrapper a {
			padding: 4px 6px;
			color: rgba(0, 0, 0, 0.65);
			border: 1px solid #d9d9d9;
			border-radius: 2px;
		}

		#dimples-user-detail #options-wrapper a:hover {
			color: #40a9ff;
			border-color: #40a9ff;
		}

	</style>
</head>
<body>
<div class="layui-fluid" id="dimples-user-detail" lay-title="个人信息">
	<div id="user-info-wrapper">
		<div id="user-img">
			<img alt="头像" title="点我更换头像" th:src="${user.avatar}" src="/dimples/images/avatar/default.jpg">
		</div>
		<div class="user-info">
			<div><span class="layui-icon layui-icon-user"></span> 账号：
				[[${user.username}]]
			</div>
			<div><span class="layui-icon layui-icon-trophy"></span> 角色：
				[[${#strings.defaultString(user.roleName,'暂无角色信息')}]]
			</div>
			<div><span class="layui-icon layui-icon-home"></span> 部门：
				[[${#strings.defaultString(user.deptName,'无部门信息')}]]
			</div>
			<div><span class="layui-icon layui-icon-skin"></span> 性别：
				[[${user.gender}]]
			</div>
		</div>
		<div class="user-info">
			<div><span class="layui-icon layui-icon-phone"></span> 电话：
				[[${#strings.defaultString(user.mobile,'无电话信息')}]]
			</div>
			<div><span class="layui-icon layui-icon-mail"></span> 邮箱：
				[[${#strings.defaultString(user.email,'无邮箱信息')}]]
			</div>
			<div><span class="layui-icon layui-icon-time-circle"></span> 最后登录时间：
				[[${#strings.defaultString(lastLoginTime,'从未登录过系统')}]]
			</div>
			<div><span class="layui-icon layui-icon-read"></span> 个人简介：
				[[${#strings.defaultString(user.description,'暂无个人介绍')}]]
			</div>
		</div>
	</div>
</div>
</body>
</html>